<template>
    <div id="order">
        <div id="loginImmediatelyBox">
            <div id="loginImmediately">
                <i></i>
                <p>登录后才能查看订单哦</p>
                <a href="">立即登录</a>
            </div>
        </div>
        

        <Navs active="iocn-nav4" active1="iocn-nav4"></Navs>
    </div>
</template>
<script>
    export default {
        
    }
</script>
<style scoped lang="scss">
    *{
        margin:0;
        padding:0;
        list-style-type:none;
        text-decoration:none;
    }
    #loginImmediatelyBox{
        width:750px;
        height:1334px;
        background-color:rgb(241, 241, 241);
        margin-top:0;
        border:1px solid rgb(241, 241, 241);

        #loginImmediately{
            width:750px;
            height:120px;
            padding-top:126px;
            margin-top:500px;
            position: relative;
            i{
                display:block;
                width:200px;
                height:200px;
                position:absolute;
                top:-100px;
                left:280px;
                background-image:url(../image/order/unlogin.png);
                background-repeat:no-repeat;
                background-size:100% 100%;
            }

            p{
                width:750px;
                height:30px;
                font-size:30px;
                color:#555;
                line-height:30px;
                text-align:center;
            }
            a{
                display:block;
                width:120px;
                height:30px;
                padding:20px 16px;
                border:1px solid #47b34f;
                border-radius:5px;
                font-size:30px;
                color:#47b34f;
                text-align:center;
                margin:15px auto;
                background-color:#fff;
            }

        }
    }
    
</style>


